﻿@model equinoxWeb.Models.Usuario
@{
    ViewBag.Title = "Staff";
    string tamano;
    if (ViewBag.sesion)
    {
        tamano = "12";
        Layout = (ViewBag.esCliente != null && ViewBag.esCliente ? "~/Views/Shared/_ClienteLayout.cshtml" : "~/Views/Shared/_Layout.cshtml");
    }
    else
    {
        tamano = "9";
        Layout = "~/Views/Shared/_OfflineLayout.cshtml";
    }
}
@using equinoxWeb.Models;
<style>
    .nav-pills > li > a {
        font-size:1em;
    }
    .nav-pills > li > a {
        color: white;
    }
    .nav-pills > li > a:hover {
        color: black;
    }
</style>


<div class="row">   
    <div class="col-lg-12 col-md-12 col-sm-12" style="text-align:center;margin-top:-10px;">
        <div class="well botonera" style="background-color:rgb(0,51,102);border-color:rgb(0,51,102); background-image:none;">
            <ul class="nav nav-pills nav-justified">
                <li class="col-lg-3 col-md-3 col-sm-3" style="background-color:inherit"><a href="/home/">HOME</a></li>
                <li class="col-lg-3 col-md-3 col-sm-3" style="background-color:inherit"><a href="/home/servicios">@(ViewBag.lang == null || ViewBag.lang == "ES" ? "SERVICIOS" : "SERVICES")</a></li>
                <li class="col-lg-3 col-md-3 col-sm-3" style="background-color:inherit"><a href="/home/staff">STAFF</a></li>
                <li class="col-lg-3 col-md-3 col-sm-3" style="background-color:inherit"><a href="/home/enlaces">@(ViewBag.lang == null || ViewBag.lang == "ES" ? "ENLACES DE INTERÉS" : "RELATED LINKS")</a></li>
                <li class="col-lg-3 col-md-3 col-sm-3" style="background-color:inherit"><a href="/home/contacto">@(ViewBag.lang == null || ViewBag.lang == "ES" ? "CONTACTO" : "CONTACT US")</a></li>
            </ul>
        </div>
    </div>
 </div>
        
        <fieldset>
            <legend><p>@(ViewBag.lang == null || ViewBag.lang == "ES" ? "Enlaces de interés" : "Related links")</p></legend>
        </fieldset>
<br />
      <div class="row featurette">
        <div class="col-md-3">
          <h4 class="featurette-heading"><a target="_blank" class="linkColumn" href="http://www.apmterminals.com/americas/callao_es-pe/">APM Terminals Callao</a></h4>
          <p class="lead"></p>
        </div>
        <div class="col-md-3">
          <a target="_blank" class="linkColumn" href="http://www.apmterminals.com/americas/callao_es-pe/"><img class="featurette-image img-responsive" src="/content/site/images/FotosLinksInteres/apm.jpg" width="300px" height="auto" alt="Generic placeholder image"></a>
        </div>
        <div class="col-md-3">
          <h4 class="featurette-heading"><a target="_blank" class="linkColumn" href="http://www.dpworldcallao.com.pe/">DP WORLD Callao</a></h4>
          <p class="lead"></p>
        </div>
        <div class="col-md-3">
          <a target="_blank" class="linkColumn" href="http://www.dpworldcallao.com.pe/"><img class="featurette-image img-responsive" src="/content/site/images/FotosLinksInteres/dpworld.jpg" width="300px" height="auto" alt="Generic placeholder image"></a>
        </div>
      </div>

     <hr class="featurette-divider"><div class="row featurette">
        <div class="col-md-3">
          <h4 class="featurette-heading"><a target="_blank" class="linkColumn" href="https://www.dicapi.mil.pe/">Direccion General de Capitanías y Guardacostas del Perú</a></h4>
          <p class="lead"></p>
        </div>
        <div class="col-md-3">
          <a target="_blank" class="linkColumn" href="https://www.dicapi.mil.pe/"><img class="featurette-image img-responsive"  src="/content/site/images/FotosLinksInteres/dicapi.jpg" width="300px" height="auto" alt="Generic placeholder image"></a>
        </div>
        <div class="col-md-3">
          <h4 class="featurette-heading"><a target="_blank" class="linkColumn" href="http://www.apn.gob.pe/">APN – Autoridad Portuaria Nacional</a></h4>
          <p class="lead"></p>
        </div>
        <div class="col-md-3">
          <a target="_blank" class="linkColumn" href="http://www.apn.gob.pe/"><img class="featurette-image img-responsive" src="/content/site/images/FotosLinksInteres/apn.jpg" width="300px" height="auto" alt="Generic placeholder image"></a>
        </div>
      </div>

     <hr class="featurette-divider">
<div class="row featurette">
        <div class="col-md-3">
          <h4 class="featurette-heading"><a target="_blank" class="linkColumn" href="http://www.apam-peru.com/">Asociación Peruana de Agentes Marítimos</a></h4>
          <p class="lead"></p>
        </div>
        <div class="col-md-3">
          <a target="_blank" class="linkColumn" href="http://www.apam-peru.com/"><img class="featurette-image img-responsive" src="/content/site/images/FotosLinksInteres/apam.jpg" width="300px" height="auto" alt="Generic placeholder image"></a>
        </div>
        <div class="col-md-3">
          <h4 class="featurette-heading"><a target="_blank" class="linkColumn" href="https://www.dhn.mil.pe/">Dirección de Hidrografía y Navegación Marina de Guerra del Perú</a></h4>
          <p class="lead"></p>
        </div>
        <div class="col-md-3">
          <a target="_blank" class="linkColumn" href="https://www.dhn.mil.pe/"><img class="featurette-image img-responsive" src="/content/site/images/FotosLinksInteres/dhn.jpg" width="300px" height="auto" alt="Generic placeholder image"></a>
        </div>
      </div>
     <hr class="featurette-divider">
<div class="row featurette">
        <div class="col-md-3">
          <h4 class="featurette-heading"><a target="_blank" class="linkColumn" href="http://www.lufesa.com/">Lufesa Diver’s</a></h4>
          <p class="lead"></p>
        </div>
        <div class="col-md-3">
          <a target="_blank" class="linkColumn" href="http://www.lufesa.com/"><img class="featurette-image img-responsive" src="/content/site/images/FotosLinksInteres/lufesa.jpg" width="300px" height="auto" alt="Generic placeholder image"></a>
        </div>
        <div class="col-md-3">
          <h4 class="featurette-heading"><a target="_blank" class="linkColumn" href="http://www.amsumar.com.pe/">A & M Seguridad y Supervivencia en el Mar</a></h4>
          <p class="lead"></p>
        </div>
        <div class="col-md-3">
          <a target="_blank" class="linkColumn" href="http://www.amsumar.com.pe/"><img class="featurette-image img-responsive" src="/content/site/images/FotosLinksInteres/aym.jpg" width="300px" height="auto" alt="Generic placeholder image"></a>
        </div>
      </div>
     <hr class="featurette-divider">
<div class="row featurette">
        <div class="col-md-3">
          <h4 class="featurette-heading"><a target="_blank" class="linkColumn" href="http://www.navalradio.com/">Naval Radio / Servicios Marítimos</a></h4>
          <p class="lead"></p>
        </div>
        <div class="col-md-3">
          <a target="_blank" class="linkColumn" href="http://www.navalradio.com/"><img class="featurette-image img-responsive" src="/content/site/images/FotosLinksInteres/navalradio.jpg" width="300px" height="auto" alt="Generic placeholder image"></a>
        </div>
        <div class="col-md-3">
          <h4 class="featurette-heading"><a target="_blank" class="linkColumn" href="http://www.interlog.com.pe/home.html">Interlog Servicios S.A.C.</a></h4>
          <p class="lead"></p>
        </div>
        <div class="col-md-3">
          <a target="_blank" class="linkColumn" href="http://www.interlog.com.pe/home.html"><img class="featurette-image img-responsive" src="/content/site/images/FotosLinksInteres/interlog.jpg" width="300px" height="auto" alt="Generic placeholder image"></a>
        </div>
      </div>

 